import { login, getProfile } from '@/api/user'
import { setToken, getToken } from '@/utils/auth'
import { resetRouter } from '@/router'
const state = {
  token: getToken() || '',
  userInfo: {}
}
const mutations = {
  setToken(state, newToken) {
    // 保存到vuex
    state.token = newToken

    // 保存到cookie
    setToken(newToken)
  },
  // mutations传来的用户信息
  setUserInfo(state, val) {
    state.userInfo = val
  }
}
const actions = {
  // 登录
  async login(context, payload) {
    // console.log(payload)
    // 发请求
    const res = await login(payload)
    // console.log(res)
    const token = res.data
    context.commit('setToken', token)
  },

  // 获取用户信息
  async getProfile(context) {
    const res = await getProfile()
    // console.log(res.data.roles.points = ['excel'])
    context.commit('setUserInfo', res.data)
    // 返回用户信息
    return res.data
  },

  // 清空token和userInfo
  logout(context) {
    // 1. 移除vuex个人信息
    context.commit('setUserInfo', {})
    // 2. 移除token信息
    context.commit('setToken', '')
    // 3. 重置路由 解决重新登录出现重复路由名的bug
    resetRouter()
  }
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}
